// .m30 {
//   padding: 30px;
// }

// .ml30 {
//   margin-left: 30px;
// }

// .ml80 {
//   margin-left: 80px;
// }

// .ml-10 {
//   margin-left: -10px;
// }

// .mr30 {
//   margin-right: 30px;
// }

// .mt-10 {
//   margin-top: -10px;
// }

// .mt-11 {
//   margin-top: -11px;
// }

// .mt-12 {
//   margin-top: -12px;
// }

// .mt-13 {
//   margin-top: -13px;
// }

// .mt-14 {
//   margin-top: -14px;
// }

// .mt30 {
//   margin-top: 30px;
// }

// .mb30 {
//   margin-bottom: 30px;
// }

// .m20 {
//   margin: 20px;
// }

// .ml20 {
//   margin-left: 20px;
// }

// .mr20 {
//   margin-right: 20px;
// }

// .mt20 {
//   margin-top: 20px;
// }

// .mb20 {
//   margin-bottom: 20px;
// }

// .m10 {
//   margin: 10px;
// }

// .ml10 {
//   margin-left: 10px;
// }

// .mr10 {
//   margin-right: 10px;
// }

// .mt10 {
//   margin-top: 10px;
// }

// .mb10 {
//   margin-bottom: 10px;
// }

// .mb0 {
//   margin-bottom: 0;
// }

// .ma {
//   margin: 0 auto;
// }

// .ma0 {
//   margin: auto 0;
// }

// .maa {
//   margin: auto;
// }

// .p30 {
//   padding: 30px;
// }

// .pl30 {
//   padding-left: 30px;
// }

// .pr30 {
//   padding-right: 30px;
// }

// .pt30 {
//   padding-top: 30px;
// }

// .pb30 {
//   padding-bottom: 30px;
// }

// .p20 {
//   padding: 20px;
// }

// .pl20 {
//   padding-left: 20px;
// }

// .pr20 {
//   padding-right: 20px;
// }

// .pt20 {
//   padding-top: 20px;
// }

// .pb20 {
//   padding-bottom: 20px;
// }

// .p10 {
//   padding: 10px;
// }

// .pl10 {
//   padding-left: 10px;
// }

// .pr10 {
//   padding-right: 10px;
// }

// .pt10 {
//   padding-top: 10px;
// }

// .pb10 {
//   padding-bottom: 10px;
// }

// .br6 {
//   border-radius: 6px;
// }

// .bs {
//   box-shadow:
//     0 9px 16px 0 rgb(159 162 191 / 18%),
//     0 2px 2px 0 rgb(159 162 191 / 32%);
// }

// .c0 {
//   color: #000;
// }

// .cfff {
//   color: #fff;
// }

// .c9 {
//   color: #999;
// }

// .c3d {
//   color: #3d3d3d;
// }

// .c0256ff {
//   color: #0256ff;
// }

// .bcfff {
//   background-color: #fff;
// }

// .bc9 {
//   background-color: #999;
// }

// .bc0256ff {
//   color: #fff;
//   background-color: #0256ff;
// }

// .cred {
//   color: #ff0256;
// }

// .bcf2f3f5 {
//   color: #1d2129;
//   background-color: #f2f3f5;
// }

// .bcd8 {
//   background: #d8d8d8;
// }

// .f1 {
//   flex: 1;
// }

// .w100 {
//   width: 100%;
// }

// .w50 {
//   width: 50%;
// }

// .w60 {
//   width: 60%;
// }

// .w250 {
//   width: 250px;
// }

// .w200 {
//   width: 200px;
// }

// .h40 {
//   height: 40px;
// }

// .h30 {
//   height: 30px;
// }

// .wn {
//   white-space: nowrap;
// }

// .df {
//   display: flex;
//   align-items: center;
//   justify-content: center;
// }

// .df-noAlign-items {
//   display: flex;
//   justify-content: center;
// }

// .df-col {
//   display: flex;
//   flex-direction: column;
// }

// .df-col-ac {
//   display: flex;
//   flex-direction: column;
//   align-items: center;
// }

// .df-st {
//   display: flex;
//   align-items: center;
//   justify-content: flex-start;
// }

// .df-sb {
//   display: flex;
//   align-items: center;
//   justify-content: space-between;
// }

// .df-sa {
//   display: flex;
//   align-items: center;
//   justify-content: space-around;
// }

// .df-fe {
//   display: flex;
//   align-items: center;
//   justify-content: flex-end;
// }

// .fw800 {
//   font-weight: 800;
// }

// .fw500 {
//   font-weight: 500;
// }

// .cp {
//   cursor: pointer;
// }

// .fz24 {
//   font-size: 24px;
// }

// .fz18 {
//   font-size: 18px;
// }

// .fz12 {
//   font-size: 12px;
// }

// .tx {
//   text-align: center;
// }

// .br50 {
//   border-radius: 50%;
// }
// .print-preview {
//   min-height: 600px;
//   border: 1px solid #ddd;
// }

// :deep(.el-input__wrapper) {
//   position: relative;

//   .el-input__inner {
//     padding-right: 18px;
//   }

//   .el-input__suffix {
//     position: absolute;
//     top: 50%;
//     right: 8px;
//     transform: translateY(-50%);
//   }
// }
